<header>
    <div class="b-shadow">
        <h1>关联手机号</h1>
        <a href="" class="cancle-order-btn reloadbtn" ng-click="reloadOrder()"></a></div>
</header>
<style>
    #continer{
        margin: auto;
        padding-top: 60px;
        width: 95%;
        font-size: 16px;
    }
    .one{
        background-color: #ffffff;
        border-radius: 5px;
    }
    input{
        height: 42px;
        border: none;
    }

    #begin{
        color: #fff;
        text-align: center;
        font-size: 16px;
        border: none;
        background: #F6769E;
        height: 45px;
        width: 90px;
        border-radius: 3px;
        padding: 0;
    }
    #code{
        float: left;
        margin-left: 30px;
    }
    #phoneNo{
        float: left;
        margin-left: 30px;
    }
</style>
<div id="continer">
    <div class="one" style="height: 40px;font-size: 16px;margin-bottom: 5px;color: #F6769E">
        <div style="line-height: 38px;">请绑定手机号,获取更多精彩.</div>
    </div>
    <div class="one">
        <div style="border-bottom: solid 2px #e1e1e1;height: 50px;">
            <input type="tel" style="width: 50%" id="phoneNo" placeholder="手机号码" data-ng-model="phone">
            <input id="begin" style="width: 30%" type="button" value="获取验证码" data-ng-click="sendSMS()">
        </div>
        <div style="height: 50px;">
            <input type="text" id="code" placeholder="短信验证码" data-ng-model="code">
        </div>
    </div>
    <div id="submit_button" style="margin:auto;" ng-click="checkCode()">
        <a class="button primary">确定</a>
    </div>
</div>
<table id="BottomMenu">
    <tbody>
    <tr>
        <td id="home" class="active">
            <a href="#index">
                <span class="icon">
                    <img src="imgs/home.active.png" width="20" height="20">
                </span>
                <span class="title">预约</span>
            </a>
        </td>

        <td id="myorder" class="">
            <a href="#/user/order">
                <span class="icon">
                    <img src="imgs/myorder.png" width="20" height="20">
                </span>
                <span class="title">订单</span>
            </a>
        </td>

        <td id="people" class="">
            <a href="#/user/home">
                <span class="icon">
                    <img src="imgs/people.png" width="20" height="20">
                </span>
                <span class="title">个人</span>
            </a>
        </td>
    </tr>
    </tbody>
</table>

